<?xml version="1.0" encoding="utf-8" ?>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>	
<%String language = request.getParameter("lang");
String langAnt = request.getParameter("langAnt");%>
<fmt:setLocale value="<%=language %>" scope="page"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="styles/style1.css" type="text/css" rel="stylesheet"/>
	<!-- <link href="ParoConcejosServlet?lang=<%=language %>" type="application/json" rel="exhibit/data" />-->
	<link href="services/paro/concejos?lang=<%=language %>" type="application/json" rel="exhibit/data" /> 
	<script src="http://api.simile-widgets.org/exhibit/2.2.0/exhibit-api.js" type="text/javascript"></script>
	<script src="http://api.simile-widgets.org/exhibit/2.2.0/extensions/chart/chart-extension.js"></script>
	<script src="http://static.simile.mit.edu/exhibit/extensions-2.0/map/map-extension.js?gmapkey=ABQIAAAAtWdbZbemqbrkgUU-tl1otRTolxo7KWKz49-7-V7IXjMU3GddzhQlVSP_EIfWN0obfI2jhl9xzCzL0Q"></script>
	<title><fmt:message key="title.councils"/></title>
</head>
<body>

	<div id="cabecera">
			<p><a href="exhibitParoConcejos.jsp?lang=es"><fmt:message key="spanish"/><img src="images/Spain.png" alt="Bandera española"/></a>/<a href="exhibitParoConcejos.jsp?lang=en"><fmt:message key="english"/><img src="images/england.png" alt="Bandera inglesa"/></a></p>
	</div>
	
	
	<h1><fmt:message key="title.councils"/></h1>
	
	<div ex:role="exhibit-collection" id="Council" ex:itemTypes="Council"></div>
    <div ex:role="exhibit-collection" id="Observation" ex:itemTypes="Observation"></div>

	<table width="100%">
		<tr valign="top">
			<td ex:role="viewPanel" width="75%">
			
				<div ex:role="lens" ex:itemTypes="Council" style="display:none" >
					<div style="font-size:1.4em; font:bold" ex:content=".label"></div>
					<div><fmt:message key="exhibitcouncil.homepage"/><b><span ex:content=".homepage"></span></b></div>
					<div><fmt:message key="exhibitcouncil.population"/><b><span ex:content=".population"></span></b></div>
					<div><fmt:message key="exhibitcouncil.coordinates"/><b><span ex:content=".point"></span></b></div>
					<div><fmt:message key="june"/><b><span ex:content=".periodJune2011"></span></b></div>
					<div><fmt:message key="july"/><b><span ex:content=".periodJuly2011"></span></b></div>
					<div><fmt:message key="august"/><b><span ex:content=".periodAugust2011"></span></b></div>
				</div>

				<div ex:role="exhibit-view"
					ex:collectionID="Observation"
					ex:viewClass="Exhibit.TabularView"
					ex:columns=".council, .period, .unemployment"
					ex:columnLabels="<fmt:message key="exhibitconcejos.columname"/>, <fmt:message key="exhibitsexos.period"/>, <fmt:message key="exhibitsexos.unemployment"/>"
					ex:columnFormats="list, list, number"
					ex:sortColumn="0"
					ex:possibleOrders=".year"
					ex:sortAscending="true"
					ex:label="<fmt:message key="exhibit.table"/>">
				</div>
				<div ex:role="exhibit-view"
					ex:collectionID="Council"
					ex:viewClass="Exhibit.TabularView"
					ex:columns=".label, .point, .homepage, .comment, .population"
					ex:columnLabels="<fmt:message key="exhibitcouncil.label"/>, <fmt:message key="exhibitcouncil.coordinates"/>, <fmt:message key="exhibitcouncil.homepage"/>, <fmt:message key="exhibitcouncil.description"/>, <fmt:message key="exhibitcouncil.population"/>"
					ex:columnFormats="list, list, list, list, list"
					ex:sortColumn="0"
					ex:sortAscending="true"
					ex:label="<fmt:message key="exhibitcouncil.labelTable"/>">
				</div>
				<div ex:role="view"
					 ex:collectionID="Municipios"
					 ex:viewClass="Map" 
					 ex:center="43.36, -5.845"
					 ex:zoom="8"
					 ex:overviewControl="true"
					 ex:latlng=".point">
				</div>
				<!-- <div ex:role="view"
					ex:viewClass="Exhibit.BarChartView"
					ex:label="<fmt:message key="exhibitsexos.labelbar"/>"
					ex:x=".unemployment"
					ex:xLabel="<fmt:message key="exhibitsexos.unemployment"/>"
					ex:y=".period"
					ex:yLabel="<fmt:message key="exhibitsexos.period"/>"
					ex:colorkey=".council">
				</div> -->
				<!-- <div ex:role="view"
					ex:viewClass="Timeplot"
					ex:label="<fmt:message key="exhibitsexos.diagram"/>"
					ex:seriesConnector=".edad"
					ex:pointTime=".period"
					ex:pointValue=".unemployment"
					ex:colorKey=".month"
					ex:timeGeometry="timeGeometer"
					ex:valueGeometry="valueGeometer">
				</div> -->
			</td>
			<td width="25%">
				<div ex:role="facet" ex:facetClass="TextSearch"></div>
				<div ex:role="facet" ex:collectionID="Observation" ex:expression=".council" ex:facetLabel="<fmt:message key="exhibitconcejos.columname"/>"></div>
				<div ex:role="facet" ex:collectionID="Observation" ex:expression=".period" ex:facetLabel="<fmt:message key="exhibitsexos.period"/>"></div>
				<div ex:role="facet" ex:collectionID="Council" ex:expression=".label" ex:facetLabel="<fmt:message key="exhibitcouncil.label"/>"></div>
			</td>
		</tr>
	</table>

</body>
</html>